<!-- @format -->

<template>
  <el-space>
    <!-- <Field :name="theProps.data.field" :rules="theProps.data?.rule"> -->
    <div>{{ theProps.data.label }}:</div>
    <FormComp :data="theProps.data" />
    <!-- </Field> -->
    <!-- <ErrorMessage :name="theProps.data.value['field']" /> -->
  </el-space>
</template>

<script setup lang="ts">
  import FormComp from '../form-comp/Index.vue'
  import { Field, ErrorMessage } from 'vee-validate'
  const theProps = defineProps({
    data: {
      type: Object,
      default: {},
    },
  })
</script>
<style scoped></style>
